<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>极客学院IT在线教育平台-中国最大的IT职业在线教育平台</title>
    <link rel="stylesheet" type="text/css" href="./stylesheet/index.css">
    <link rel="shortcut icon" href="./images/favicon.ico">
</head>
<body>
    <div id="container">
        <header>
            <!-- LOGO -->
            <a href="http://www.jikexueyuan.com"><img src="./images/logo_jkxy.png" alt="极客学院"></a>
            <!-- 搜索框 -->
            <form action="#" method="get" target="_blank">
                <input class="search-text" type="text" name="q" placeholder="搜索课程、问答或Wiki" value="">
                <input type="submit" value="" class="btn">
                <div class="hot-words">
                    <a href="http://search.jikexueyuan.com/course/?q=Android">Android</a>
                    <a href="http://search.jikexueyuan.com/course/?q=iOS">iOS</a>
                    <a href="http://search.jikexueyuan.com/course/?q=HTML5">HTML5</a>
                </div>
            </form>
            <!-- 进入系统 -->
            <div class="loginbox">
                <a href="#"><span class="message"></span></a>
                <em>|</em>
                <a href="#">QQ登录</a>
                <em>|</em>
                <a href="http://passport.jikexueyuan.com/sso/login">登录</a>
                <em>|</em>
                <a href="http://passport.jikexueyuan.com/sso/reg_phone" style="margin-right: 0;">注册</a>
            </div>
            <span class="hoticon"></span>
        </header>
        <!-- 分割线 -->
        <div class="loading-length">
        </div>
        <!-- 导航 -->
        <div class="navpositon">
            <div id="navbox">
                <div class="navbox">
                    <a href="http://www.jikexueyuan.com/" style="width: 50px; text-align: left;">首页</a>
                    <a href="http://www.jikexueyuan.com/course/">职业课程</a>
                    <a href="http://jiuye.jikexueyuan.com/">就业学习</a>
                    <a href="javascript:;">极客社区</a>
                    <a href="javascript:;">极客＋</a>
                    <ul class="navpanel cf">
                        <li class="panel-item">
                            <span class="angle"></span>
                            <ul class="item-box">
                                <li><a target="_blank" href="http://www.jikexueyuan.com/course/">课程库</a></li>
                                <li><a target="_blank" href="http://www.jikexueyuan.com/path/">知识体系图</a></li>
                                <li><a target="_blank" href="http://ke.jikexueyuan.com/zhiye/">职业路径图</a></li>
                                <li><a target="_blank" href="http://ke.jikexueyuan.com/xilie/">系列课程</a></li>
                            </ul>
                        </li>
                        <li class="panel-item">
                            <span class="angle"></span>
                            <ul class="item-box">
                                <li><a target="_blank" href="http://j.jikexueyuan.com/train/web?huodong=jiuye_web_guide">Web前端开发</a></li>
                                <li><a target="_blank" href="http://j.jikexueyuan.com/train/android?huodong=jiuye_android_guide">Android开发</a></li>
                                <li><a target="_blank" href="http://j.jikexueyuan.com/train/PHP?huodong=jiuye_PHP_guide">PHP 开发</a></li>
                                <li><a target="_blank" href="http://j.jikexueyuan.com/train/ios?huodong=jiuye_ios_guide">iOS开发</a></li>
                                <li><a target="_blank" href="http://j.jikexueyuan.com/train/javaweb?huodong=jiuye_javaweb_guide">JavaWeb开发</a></li>
                            </ul>
                        </li>
                        <li class="panel-item">
                            <span class="angle"></span>
                            <ul class="item-box">
                                <li><a target="_blank" href="http://wiki.jikexueyuan.com">Wiki</a></li>
                                <li><a target="_blank" href="http://wenda.jikexueyuan.com/">技术问答</a></li>
                                <li><a target="_blank" href="http://qun.jikexueyuan.com">社群</a></li>
                                <li><a target="_blank" href="http://download.jikexueyuan.com">资源分享</a></li>
                            </ul>
                        </li>
                        <li class="panel-item">
                            <span class="angle"></span>
                            <ul class="item-box">
                                <li><a target="_blank" href="http://mooc.jikexueyuan.com">高校合作</a></li>
                                <li><a target="_blank" href="http://zhiye.jikexueyuan.com">极客人才联盟</a></li>
                                <li><a target="_blank" href="http://press.jikexueyuan.com/evangelist/apply.html" jktag="0002|4|00503">布道师招募</a></li>
                                <li><a target="_blank" href="http://j.jikexueyuan.com/assistant/apply">实战教练招募</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- 导航右侧信息 -->
                <div class="user-need">
                    <a href="http://www.jikexueyuan.com/vip/">
                        <span>
                			<img src="./images/vip-icon.png">
                			VIP会员
                        </span>
                    </a>
                    <a href="http://press.jikexueyuan.com/topic/" target="_blank" style="width: 68px;">
                        <span>
                            <img src="./images/star-icon.png">
			                 求课程
                        </span>
                    </a>
                    <a href="http://www.jikexueyuan.com/app/" target="_blank">
                        <span>
                            <img src="./images/dl-icon.png">
                            APP下载
                        </span>
                    </a>
                    <span class="newicon"></span>
                </div>
            </div>
        </div>
        <!-- 主要内容 -->
        <div class="wrapper">
            <!-- 课程列表 -->
            <div class="lesson-classfiy-nav">
                <ul class="lesson-nav-list">
                    <!-- 课程菜单列表 star -->

                    <!-- 课程菜单列表 end -->
                </ul>
            </div>
            <!-- 中部内容 -->
            <div class="lesson-center-focus">
                <!-- banner -->
                <div class="index-banner">
                    <div class="banner-box">
                        <span id="banner-left" class="arrow-left" style="display: none;"></span>
                        <span id="banner-right" class="arrow-right" style="display: none;"></span>
                        <div class="swiper-wrapper">
                            <!-- banner 列表 star -->

                            <!-- banner 列表 end -->
                        </div>
                        <div class="pagination">
                            <!-- 分页 star -->

                            <!-- 分页 end -->
                        </div>
                    </div>
                </div>

                <div class="swiper-container">
                    <a href="javascript:;" id="work-left" class="arrow arrow-left" style="display: none;"></a>
                    <a href="javascript:;" id="work-right" class="arrow arrow-right" style="display: none;"></a>
                    <ul class="swiper-list">
                        <!-- 职位列表 star -->

                        <!-- 职位列表 end -->
                    </ul>
                </div>
            </div>
            <!-- 右侧信息展示 -->
            <div class="lesson-right-show">
                <div class="news cf">
                    <h2>快讯</h2>
                    <ul>
                        <li>
                            <a href="http://huodong.jikexueyuan.com/2015choujiang?huodong=choujiang_shouye_kuaixun_1222" target="_blank" style="color:red;">
                                新用户注册抽奖，100%中奖
                            </a>
                        </li>
                        <li class="item">
                            <a href="http://wiki.jikexueyuan.com/?huodong=wiki2.0_shouye_kuaixun" target="_blank">
                                Wiki 2.0重磅上线！
                            </a>
                        </li>
                        <li>
                            <a href="http://qun.jikexueyuan.com/activity/topic/277?huodong=shequn_shouye_kuaixun" target="_blank" style="color:red">
                                大神分享的干货汇总-持续更新中
                            </a>
                        </li>
                        <li class="item">
                            <a href="http://qun.jikexueyuan.com/jikexueyuan/topic/147?huodong=huojiang_shouye_kuaixun" target="_blank">
                                极客学院斩获腾讯教育双料大奖
                            </a>
                        </li>
                    </ul>
                </div>

                <!-- 用户 -->
                <div class="userinfo cf" style="border-top:0; border-bottom:0;">
                    <div class="head-box">
                        <img src="./images/default.gif">
                    </div>
                    <div class="name-wrap">
                        <div class="hello-word">
                            <span class="word">
                                Hi! 你好
                                <br>
                                <span style="color:#333;">欢迎来到极客学院</span>
                            </span>
                        </div>
                        <div class="operate">
                            <a href="javascript:;" class="login-btn">登录</a>
                            <a href="javascript:;" class="register-btn">有奖注册</a>
                        </div>
                    </div>
                </div>
                <!-- 推荐 -->
                <div class="recommend cf">
                    <ul>
                        <li>
                            <span class="question icon"></span>
                            <span class="title">问答</span>
                            <span class="angle-bottom"></span>
                        </li>
                        <li>
                            <span class="wiki icon"></span>
                            <span class="title">wiki</span>
                            <span class="angle-bottom"></span>
                        </li>
                        <li>
                            <span class="lession icon"></span>
                            <span class="title">课程</span>
                            <span class="angle-bottom"></span>
                        </li>
                        <li class="item-right">
                            <span class="group icon"></span>
                            <span class="title">社群</span>
                            <span class="angle-bottom"></span>
                        </li>
                        <li class="item">
                            <a href="http://download.jikexueyuan.com/">
                                <span class="download icon"></span>
                                <span class="title">下载</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="http://www.jikexueyuan.com/path/">
                                <span class="known icon"></span>
                                <span class="title">知识</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="http://ke.jikexueyuan.com/zhiye/">
                                <span class="occupation icon"></span>
                                <span class="title">职业</span>
                            </a>
                        </li>
                        <li class="item item-right">
                            <a href="http://www.jikexueyuan.com/vip/">
                                <span class="vip icon"></span>
                                <span class="title">VIP</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 热门课程导航栏 -->
        <div class="hot-lesson">
            <ul class="hot-lesson-list">
                <!-- 课程Tab  star -->

                <!-- 课程Tab  end -->
            </ul>
        </div>
        <!-- 热门课程 -->
        <div class="hot-lessonbox">
            <ul class="lessonbox-list">
                <!-- 课程列表 star -->

                <!-- 课程列表 end -->
            </ul>
        </div>
        <!-- 计划路径图 -->
        <div class="projectpath">
            <!-- 职业路径图 -->
            <div class="learn-way">
                <div class="index-public-title" style="padding-top:20px;">
                    <strong><a href="http://ke.jikexueyuan.com/zhiye/" target="_blank">职业路径图</a></strong>
                    <i class="way">?</i>
                    <a href="http://ke.jikexueyuan.com/zhiye/" class="more-lesson" target="_blank">更多&gt;&gt;</a>
                </div>
                <div class="learn-card">
                    <a href="http://ke.jikexueyuan.com/zhiye/web/" target="_blank">
                        <img src="./images/5615cd7d3e99f.png" alt="WEB大前端工程师">
                        <h2>WEB大前端工程师</h2>
                        <p>月薪15k-30k</p>
                        <p>Web开发的未来趋势</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="http://ke.jikexueyuan.com/zhiye/android/" target="_blank">
                        <img src="./images/560905e64a9d1.png" alt="Android工程师">
                        <h2>Android工程师</h2>
                        <p>月薪5k-30k</p>
                        <p>最火爆的职业 人才缺口大</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="http://ke.jikexueyuan.com/zhiye/ios/" target="_blank">
                        <img src="./images/56160c8b90692.png" alt="iOS开发工程师">
                        <h2>iOS开发工程师</h2>
                        <p>月薪6k-30k</p>
                        <p>企业必争的人才资源</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="http://ke.jikexueyuan.com/zhiye/javaweb/" target="_blank">
                        <img src="./images/5616279756548.png" alt="JavaWeb工程师">
                        <h2>JavaWeb工程师</h2>
                        <p>月薪6k-35k</p>
                        <p>就业面最广的职业方向</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="http://ke.jikexueyuan.com/zhiye/php/" target="_blank" class="card-right">
                        <img src="./images/56162481a1ed6.png" alt="PHP工程师">
                        <h2>PHP工程师</h2>
                        <p>月薪5k-35k</p>
                        <p>最好的开发语言 没有之一</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="http://ke.jikexueyuan.com/zhiye/cocos2d/" target="_blank" class="card">
                        <img src="./images/561630f6d0d4c.png" alt="Cocos2d工程师">
                        <h2>Cocos2d工程师</h2>
                        <p>月薪7k-30k</p>
                        <p>最流行跨平台手机游戏开发</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="http://ke.jikexueyuan.com/zhiye/unity3d/" target="_blank" class="card">
                        <img src="./images/56163251dda94.png" alt="Unity3D工程师">
                        <h2>Unity3D工程师</h2>
                        <p>月薪7-40k</p>
                        <p>国际最热门的3D游戏引擎</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="http://ke.jikexueyuan.com/zhiye/aspnet/" target="_blank" class="card">
                        <img src="./images/56163d072d61d.png" alt="ASP.NET工程师">
                        <h2>ASP.NET工程师</h2>
                        <p>月薪5k-30k</p>
                        <p>微软强力推行的开发语言</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="javascript:;" target="_blank" class="card">
                        <img src="./images/5617474782723.png" alt="大数据工程师">
                        <h2>大数据工程师</h2>
                        <p>月薪8K-40K</p>
                        <p>目前最稀缺的职业方向</p>
                        <button class="Waiting-btn">敬请期待</button>
                    </a>
                    <a href="javascript:;" target="_blank" class="card card-right">
                        <img src="./images/56174712902f7.png" alt="运维工程师">
                        <h2>运维工程师</h2>
                        <p>月薪6k-30k</p>
                        <p>最能折腾的职业岗位</p>
                        <button class="Waiting-btn">敬请期待</button>
                    </a>
                </div>
            </div>
            <!-- 知识体系图 -->
            <div class="learn-box">
                <div class="index-public-title">
                    <strong><a href="http://www.jikexueyuan.com/path/" target="_blank">知识体系图</a></strong>
                    <i class="way">?</i>
                    <a href="http://www.jikexueyuan.com/path/" class="more-lesson" target="_blank">更多&gt;&gt;</a>
                </div>
                <div class="mapbox cf">
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/android/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/android.png" alt="Android">
                                <h2>Android</h2>
                                <span>90门课程</span>
                            </div>
                            <div class="back">
                                <strong>766035人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/html5/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/html5.png" alt="HTML5开发">
                                <h2>HTML5开发</h2>
                                <span>116门课程</span>
                            </div>
                            <div class="back">
                                <strong>1822488人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/java/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/java2.png" alt="Java语言">
                                <h2>Java语言</h2>
                                <span>45门课程</span>
                            </div>
                            <div class="back">
                                <strong>681100人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/php/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/php.png" alt="PHP语言">
                                <h2>PHP语言</h2>
                                <span>26门课程</span>
                            </div>
                            <div class="back">
                                <strong>281499人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/javaweb/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/55028a07c02d1.jpg" alt="JavaWeb">
                                <h2>JavaWeb</h2>
                                <span>64门课程</span>
                            </div>
                            <div class="back">
                                <strong>648998人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf card-right">
                        <a href="http://www.jikexueyuan.com/path/ios/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/ios.png" alt="iOS开发">
                                <h2>iOS开发</h2>
                                <span>51门课程</span>
                            </div>
                            <div class="back">
                                <strong>410560人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/aspdotnet/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/5493e484b125e.png" alt="Asp.Net">
                                <h2>Asp.Net</h2>
                                <span>61门课程</span>
                            </div>
                            <div class="back">
                                <strong>410560人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/c/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/c.png" alt="C语言">
                                <h2>C语言</h2>
                                <span>17门课程</span>
                            </div>
                            <div class="back">
                                <strong>529496人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/python/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/5457d0aee9018.png" alt="Python">
                                <h2>Python</h2>
                                <span>59门课程</span>
                            </div>
                            <div class="back">
                                <strong>256985人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/unity3d/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/54f56c854161d.png" alt="Unity3D">
                                <h2>Unity3D</h2>
                                <span>45门课程</span>
                            </div>
                            <div class="back">
                                <strong>400214人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/swift/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/swift.png" alt="Swift语言">
                                <h2>Swift语言</h2>
                                <span>11门课程</span>
                            </div>
                            <div class="back">
                                <strong>267461人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf card-right">
                        <a href="http://www.jikexueyuan.com/path/csharp/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/54cfb5a451bbd.png" alt="C#">
                                <h2>C#</h2>
                                <span>30门课程</span>
                            </div>
                            <div class="back">
                                <strong>82402人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/bootstrap/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/54dab77e7b38a.png" alt="Bootstrap">
                                <h2>Bootstrap</h2>
                                <span>11门课程</span>
                            </div>
                            <div class="back">
                                <strong>147353人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/cocos2d-x/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/Cocos2d-x.png" alt="Cocos2d-x游戏开发">
                                <h2>Cocos2d-x游戏开发</h2>
                                <span>109门课程</span>
                            </div>
                            <div class="back">
                                <strong>184379人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/msoffice/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/55063dcc9bfe5.jpg" alt="计算机一级">
                                <h2>计算机一级</h2>
                                <span>7门课程</span>
                            </div>
                            <div class="back">
                                <strong>706978人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/ncrec/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/55063db66c32d.jpg" alt="计算机二级">
                                <h2>计算机二级</h2>
                                <span>25门课程</span>
                            </div>
                            <div class="back">
                                <strong>38234人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf">
                        <a href="http://www.jikexueyuan.com/path/gui/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/5535fe5532a6f.png" alt="GUI">
                                <h2>GUI</h2>
                                <span>40门课程</span>
                            </div>
                            <div class="back">
                                <strong>281499人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf card-right">
                        <a href="http://www.jikexueyuan.com/path/watchkit/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/551b5d8b3619d.png" alt="WatchKit开发">
                                <h2>WatchKit开发</h2>
                                <span>5门课程</span>
                            </div>
                            <div class="back">
                                <strong>706978人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf card">
                        <a href="http://www.jikexueyuan.com/path/docker/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/55519f5fc3333.png" alt="Docker">
                                <h2>Docker</h2>
                                <span>9门课程</span>
                            </div>
                            <div class="back">
                                <strong>281499人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf card">
                        <a href="http://www.jikexueyuan.com/path/egret/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/54c5ebe62c7e9.png" alt="Egret">
                                <h2>Egret</h2>
                                <span>7门课程</span>
                            </div>
                            <div class="back">
                                <strong>706978人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf card">
                        <a href="http://www.jikexueyuan.com/path/arduino/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/5553fd84d5963.png" alt="Arduino">
                                <h2>Arduino</h2>
                                <span>14门课程</span>
                            </div>
                            <div class="back">
                                <strong>281499人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf card">
                        <a href="http://www.jikexueyuan.com/path/uiautomator/" class="flipper" target="_blank">
                            <div class="front">
                                <img src="./images/556543603b3e8.png" alt="Android UiAutomator">
                                <h2>Android UiAutomator</h2>
                                <span>20门课程</span>
                            </div>
                            <div class="back">
                                <strong>38234人已学习</strong>
                                <button class="greenbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="card-transform cf card">
                    </div>
                    <div class="card-transform cf card card-right">
                    </div>
                </div>
            </div>
            <!-- 精品课程 -->
            <div class="excellent">
                <div class="index-public-title">
                    <strong><a href="http://ke.jikexueyuan.com/xilie/" target="_blank">精品系列课程</a></strong>
                    <i class="way">?</i>
                    <a href="http://ke.jikexueyuan.com/xilie/" class="more-lesson" target="_blank">更多&gt;&gt;</a>
                </div>
                <div class="excellentbox">
                    <div class="lesson-card cf" style="margin-left:0;">
                        <h2>Java 设计模式</h2>
                        <div class="images">
                            <img src="./images/261410253583.jpg">
                        </div>
                        <div class="other">
                            <strong>24门</strong>
                            <strong>67426人学习</strong>
                            <a href="javascript:;" class="btn">收藏</a>
                        </div>
                        <div class="describe">
                            <div class="picture">
                                <a href="http://my.jikexueyuan.com/hexter" target="_blank">
                                    <img src="./images/avatar_96865.jpg" alt="hexter">
                                </a>
                            </div>
                            <div class="name">
                                <a href="http://my.jikexueyuan.com/hexter" target="_blank">hexter</a>
                            </div>
                            <div class="text">
                                <a href="http://ke.jikexueyuan.com/xilie/6" target="_blank">按照一个模式一个课程的方式讲解23种设计模式。每个模式讲3-4节课，从模拟项目设计引入设计模式设计方案，并有详细示例代码和效果演示。</a>
                            </div>
                            <a href="http://ke.jikexueyuan.com/xilie/6" target="_blank" class="btn">马上学习</a>
                        </div>
                    </div>
                    <div class="lesson-card cf">
                        <h2>Axure从入门到精通系列课程</h2>
                        <div class="images">
                            <img src="./images/141830293586.jpg">
                        </div>
                        <div class="other">
                            <strong>16门</strong>
                            <strong>50663人学习</strong>
                            <a href="javascript:;" class="btn">收藏</a>
                        </div>
                        <div class="describe">
                            <div class="picture">
                                <a href="http://my.jikexueyuan.com/8592485271" target="_blank">
                                    <img src="./images/j_kevin.png" alt="j_kevin">
                                </a>
                            </div>
                            <div class="name">
                                <a href="http://my.jikexueyuan.com/8592485271" target="_blank">j_kevin</a>
                            </div>
                            <div class="text">
                                <a href="http://ke.jikexueyuan.com/xilie/278" target="_blank">Axure作为一款专业的原型设计工具，它可以让设计师们利用需求，设计功能和界面来快速的创建应用软件的线框图、流程图、原型和规格说明文档，并且同时支持多人协作和版本控制管理。Axure RP能制作出低保真原型和高保真原型，低保真原型利用线框图构建出软件的大致结构，利用交互效果来表达用户的实际操作方式，低保真原型能在耗费一定的时间完美清晰的表达出软件的实际功能；高保真原型做出的效果几乎和实际效果一致，但是它需要投入精力，完整表达设计理念和体验。Axure主要学习站点地图的使用、Axure组件的介绍、Axure母版功能、Axure变量的使用以及Axure的交互，在讲解的基础的过程中会贯穿大量的实战。</a>
                            </div>
                            <a href="http://ke.jikexueyuan.com/xilie/278" target="_blank" class="btn">马上学习</a>
                        </div>
                    </div>
                    <div class="lesson-card cf">
                        <h2>Python 初级教程</h2>
                        <div class="images">
                            <img src="./images/261410301443.jpg">
                        </div>
                        <div class="other">
                            <strong>12门</strong>
                            <strong>92409人学习</strong>
                            <a href="javascript:;" class="btn">收藏</a>
                        </div>
                        <div class="describe">
                            <div class="picture">
                                <a href="http://my.jikexueyuan.com/wei" target="_blank">
                                    <img src="./images/3nqwzumk2r288.png" alt="韦苏恩">
                                </a>
                            </div>
                            <div class="name">
                                <a href="http://my.jikexueyuan.com/wei" target="_blank">韦苏恩</a>
                            </div>
                            <div class="text">
                                <a href="http://ke.jikexueyuan.com/xilie/34" target="_blank">本套课程主要会让新手接触 Python，让各位同学从零基础开始掌握 Python语言。掌握Python基础知识，Python语法，Python运算符与表达式，三种控制流、Python函数、Python数据结构和算法等知识。</a>
                            </div>
                            <a href="http://ke.jikexueyuan.com/xilie/34" target="_blank" class="btn">马上学习</a>
                        </div>
                    </div>
                    <div class="lesson-card cf">
                        <h2>PostgreSQL 数据库入门基础</h2>
                        <div class="images">
                            <img src="./images/231013573888.jpg">
                        </div>
                        <div class="other">
                            <strong>5门</strong>
                            <strong>12590人学习</strong>
                            <a href="javascript:;" class="btn">收藏</a>
                        </div>
                        <div class="describe">
                            <div class="picture">
                                <a href="http://my.jikexueyuan.com/6225687360" target="_blank">
                                    <img src="./images/default.gif" alt="dongzl">
                                </a>
                            </div>
                            <div class="name">
                                <a href="http://my.jikexueyuan.com/6225687360" target="_blank">dongzl</a>
                            </div>
                            <div class="text">
                                <a href="http://ke.jikexueyuan.com/xilie/165" target="_blank">本知识体系主要讲解 PostgreSQL 数据库常用的基础知识内容，内容首先介绍了 PostgreSQL 数据库基本的安装、使用，其次是数据库、数据表的创建、修改操作，表中数据的增、删、改、查等操作，最后介绍了 PostgreSQL 数据库中函数、索引、视图和触发器等知识。</a>
                            </div>
                            <a href="http://ke.jikexueyuan.com/xilie/165" target="_blank" class="btn">马上学习</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Wiki	 -->
            <div class="wiki">
                <div class="index-public-title">
                    <strong><a href="http://wiki.jikexueyuan.com" target="_blank">Wiki</a></strong>
                    <i class="way">?</i>
                    <a href="http://wiki.jikexueyuan.com" class="more-lesson" target="_blank">更多&gt;&gt;</a>
                </div>
                <div class="wikibox">
                    <div class="one-wiki cf">
                        <h2>推荐</h2>
                        <div class="wiki-img">
                            <dl>
                                <dd>
                                    <a href="http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/?hmsr=www_index_wiki" target="_blank">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="./images/dc49a349294041e181dec66d490e06c8.jpg" alt="iOS人机交互指南">
                                        </div>
                                        <h3 class="hover">iOS人机交互指南</h3>
                                        <span class="hover">294页/48章</span>
                                    </a>
                                </dd>
                                <dd class="dd-right">
                                    <a href="http://wiki.jikexueyuan.com/project/struts-2/?hmsr=www_index_wiki" target="_blank">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="./images/411b49d1966f4447bd6a1229d5cf037d.jpg" alt="Struts 2 教程">
                                        </div>
                                        <h3 class="hover">Struts 2 教程</h3>
                                        <span class="hover">154页/31章</span>
                                    </a>
                                </dd>
                            </dl>
                            <ul>
                                <li>
                                    <a href="http://wiki.jikexueyuan.com/project/php/?hmsr=www_index_wiki" target="_blank">
                                        <p class="hover">· PHP 新手指南</p>
                                        <span class="hover">137页/32章</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://wiki.jikexueyuan.com/project/asp-net/?hmsr=www_index_wiki" target="_blank">
                                        <p class="hover">· ASP.NET 编程指南</p>
                                        <span class="hover">232页/35章</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://wiki.jikexueyuan.com/project/restful/?hmsr=www_index_wiki" target="_blank">
                                        <p class="hover">· RESTful Web 服务教程</p>
                                        <span class="hover">50页/11章</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="one-wiki cf">
                        <h2>最新</h2>
                        <div class="wiki-img">
                            <dl>
                                <dd>
                                    <a href="http://wiki.jikexueyuan.com/project/tensorflow-zh/?hmsr=www_index_wiki" target="_blank">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="./images/dacf17869f2e494eafc59057379acaa9.jpg" alt="TensorFlow 中文版">
                                        </div>
                                        <h3 class="hover">TensorFlow 中文版</h3>
                                        <span class="hover">2015/12/14</span>
                                    </a>
                                </dd>
                                <dd class="dd-right">
                                    <a href="http://wiki.jikexueyuan.com/project/android-training-geek/?hmsr=www_index_wiki" target="_blank">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="./images/0447c306126e4bffa91853c45a244b44.jpg" alt="Android官方培训课程">
                                        </div>
                                        <h3 class="hover">Android官方培训课程</h3>
                                        <span class="hover">2015/12/08</span>
                                    </a>
                                </dd>
                            </dl>
                            <ul>
                                <li>
                                    <a href="http://wiki.jikexueyuan.com/project/laravel-5.1/?hmsr=www_index_wiki" target="_blank">
                                        <p class="hover">· Laravel 5.1 中文版</p>
                                        <span class="hover">2015/11/11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://wiki.jikexueyuan.com/project/pro-git-two/?hmsr=www_index_wiki" target="_blank">
                                        <p class="hover">· Pro Git v2 中文版</p>
                                        <span class="hover">2015/10/30</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://wiki.jikexueyuan.com/project/GradleUserGuide-Wiki/?hmsr=www_index_wiki" target="_blank">
                                        <p class="hover">· Gradle 指南</p>
                                        <span class="hover">2015/10/24</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="one-wiki cf" style="border-right: 1px solid #e4e4e4;">
                        <h2>热门</h2>
                        <div class="wiki-img">
                            <dl>
                                <dd>
                                    <a href="http://wiki.jikexueyuan.com/project/material-design/?hmsr=www_index_wiki" target="_blank">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="./images/40ad2cd7b04c49b781263dd37cab62f6.jpg" alt="Material Design ">
                                        </div>
                                        <h3 class="hover">Material Design </h3>
                                        <span class="hover">497103 人学习</span>
                                    </a>
                                </dd>
                                <dd class="dd-right">
                                    <a href="http://wiki.jikexueyuan.com/project/swift/?hmsr=www_index_wiki" target="_blank">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="./images/d0cc39eaa8fc44dd8ba9f3fba467d38c.jpg" alt="Swift 2.0 教程">
                                        </div>
                                        <h3 class="hover">Swift 2.0 教程</h3>
                                        <span class="hover">2015/12/08</span>
                                    </a>
                                </dd>
                            </dl>
                            <ul>
                                <li>
                                    <a href="http://wiki.jikexueyuan.com/project/react-native/?hmsr=www_index_wiki" target="_blank">
                                        <p class="hover">· React Native 中文版</p>
                                        <span class="hover">339901 人学习</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://wiki.jikexueyuan.com/project/react/?hmsr=www_index_wiki" target="_blank">
                                        <p class="hover">· React 中文版</p>
                                        <span class="hover">48584 人学习</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://wiki.jikexueyuan.com/project/java-course/?hmsr=www_index_wiki" target="_blank">
                                        <p class="hover">· Java 课程 COOL</p>
                                        <span class="hover">19330 人学习</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 战略合作企业 -->
            <div class="enterprise">
                <div class="index-public-title">
                    <strong><a href="">战略合作企业</a></strong>
                    <a href="http://www.jikexueyuan.com/partner" class="more-lesson" target="_blank">更多&gt;&gt;</a>
                </div>
                <div class="strategy strategy1 cf">
                    <span id="banner-left3" class="arrow-left" style="display: none;"></span>
                    <span id="banner-right3" class="arrow-right" style="display: none;"></span>
                    <div class="startegy-box enterprise-box" style="overflow: hidden;">
                        <div class="swiper-strategy enterprise-wrap">
                            <a class="cf" href="http://www.jikexueyuan.com/partner/microsoft/" target="_blank">
                                <img class="cf" src="./images/microsoft.jpg" alt="微软">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/partner#tencent" target="_blank">
                                <img class="cf" src="./images/tengxun.jpg" alt="腾讯">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/partners/cocos/" target="_blank">
                                <img class="cf" src="./images/chukong.jpg" alt="Cocos">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/partner#qualcomm" target="_blank">
                                <img class="cf" src="./images/557f8ff48f7d3.jpg" alt="Qualcomm">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/partner#amd" target="_blank">
                                <img class="cf" src="./images/54d1d9f50e1af.jpg" alt="AMD">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/partner#xunfei" target="_blank">
                                <img class="cf" src="./images/keda.jpg">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/partner#xunfei" target="_blank">
                                <img class="cf" src="./images/tingyun.jpg">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/partner#xunfei" target="_blank">
                                <img class="cf" src="./images/juhe.jpg">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/partner#xunfei" target="_blank">
                                <img class="cf" src="./images/tuling.jpg">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/partner#xunfei" target="_blank">
                                <img class="cf" src="./images/54ffb46961d0d.jpg">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 合作院校 -->
            <div class="university">
                <div class="index-public-title">
                    <strong><a href="">合作院校</a></strong>
                    <a href="http://mooc.jikexueyuan.com/" class="more-lesson" target="_blank">更多&gt;&gt;</a>
                </div>
                <div class="swiper-car-box cf">
                    <div class="swiper-car">
                        <a class="cf" href="http://mooc.jikexueyuan.com/neu" target="_blank">
                            <img class="cf" src="./images/40669370a3f2ea7e3d21a6d182cf296c.png" alt="东北大学">
                        </a>
                        <a class="cf" href="http://mooc.jikexueyuan.com/bupt" target="_blank">
                            <img class="cf" src="./images/1eb9dcb3193de807d21941b297483635.png" alt="北京邮电大学">
                        </a>
                        <a class="cf" href="http://mooc.jikexueyuan.com/whu" target="_blank">
                            <img class="cf" src="./images/c9a111a4946bf39e77cd811c207740b9.png" alt="武汉大学">
                        </a>
                        <a class="cf" href="http://mooc.jikexueyuan.com/tju" target="_blank">
                            <img class="cf" src="./images/496ab840e239a60c1bb4b1139268c54e.png" alt="天津大学">
                        </a>
                        <a class="cf" href="http://mooc.jikexueyuan.com/hrbeu" target="_blank">
                            <img class="cf" src="./images/3ab8eb024ecd5a8dce2c5f83972781b3.png" alt="哈尔滨工程大学">
                        </a>
                        <a class="cf" href="http://mooc.jikexueyuan.com/cqu" target="_blank">
                            <img class="cf" src="./images/b05d88a6f5306cf55905c8fcb2e49b89.png" alt="重庆大学">
                        </a>
                        <a class="cf" href="http://mooc.jikexueyuan.com/njtu" target="_blank">
                            <img class="cf" src="./images/8dda2bb223523163ca596c7f026de6ad.png" alt="北京交通大学">
                        </a>
                    </div>
                </div>
            </div>
            <!-- 媒体报道 -->
            <div class="media">
                <div class="index-public-title">
                    <strong><a href="">媒体报道</a></strong>
                </div>
                <div class="strategy strategy2 cf">
                    <span id="banner-left4" class="arrow-left" style="display: none;"></span>
                    <span id="banner-right4" class="arrow-right" style="display: none;"></span>
                    <div class="startegy-box" style="overflow: hidden;">
                        <div class="swiper-strategy">
                            <a class="cf" href="http://www.jikexueyuan.com/help/reports.html" target="_blank">
                                <img class="cf" src="./images/mt_1_42b5088.jpg" alt="新浪">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/help/reports.html" target="_blank">
                                <img class="cf" src="./images/mt_2_28e84dd.jpg" alt="21CN">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/help/reports.html" target="_blank">
                                <img class="cf" src="./images/mt_3_46bc154.jpg" alt="36KR">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/help/reports.html" target="_blank">
                                <img class="cf" src="./images/mt_4_2376f75.jpg" alt="芥末堆">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/help/reports.html" target="_blank">
                                <img class="cf" src="./images/mt_5_8427d73.jpg" alt="搜狐">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/help/reports.html" target="_blank">
                                <img class="cf" src="./images/mt_6_21a38b7.jpg" alt="腾讯">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/help/reports.html" target="_blank">
                                <img class="cf" src="./images/mt_7_7b98ea4.jpg">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/help/reports.html" target="_blank">
                                <img class="cf" src="./images/mt_8_22fde55.jpg">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/help/reports.html" target="_blank">
                                <img class="cf" src="./images/mt_9_c0db122.jpg">
                            </a>
                            <a class="cf" href="http://www.jikexueyuan.com/help/reports.html" target="_blank">
                                <img class="cf" src="./images/mt_13_fefd1ec.jpg">
                            </a>
                        </div>
                </div>
            </div>
        </div>
        <!-- 页脚 -->
        <footer>
            <div class=" jkinfor-block">
                <!-- 极客资讯 -->
                <div class="jkinfor cf">
                    <dl>
                        <dt><a target="_blank" href="http://www.jikexueyuan.com/course/">极客学院</a></dt>
                        <dd>·<a target="_blank" href="http://www.jikexueyuan.com/course/">职业课程库</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/path/">知识体系图</a></dd>
                        <dd>·<a target="_blank" href=" http://ke.jikexueyuan.com/zhiye/">职业路径图</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/partner/">企业课程</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/resources/">资源下载</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/tag/">课程标签</a></dd>
                    </dl>
                    <dl>
                        <dt><a target="_blank" href=" http://www.jikexueyuan.com/member/freevip.html">网站服务</a></dt>
                        <dd>·<a target="_blank" href=" http://press.jikexueyuan.com/topic/">课程需求</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/member/freevip.html">免费体验VIP</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/blog/">黑板报</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/sitemap.html">网站地图</a></dd>
                    </dl>
                    <dl>
                        <dt><a target="_blank" href=" http://www.jikexueyuan.com/question/">帮助中心</a></dt>
                        <dd>·<a target="_blank" href="http://wenda.jikexueyuan.com/">技术问答</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/vip/">VIP权益</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/help/faq.html">常见问题</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/help/service.html">服务条款</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/help/copyright.html">版权声明</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/help/disclaimer.html">免责声明</a></dd>
                    </dl>
                    <dl>
                        <dt><a target="_blank" href=" http://www.jikexueyuan.com/help/about.html">交流合作</a></dt>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/help/about.html">关于我们</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/help/contact.html">联系我们</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/help/join.html">社会招聘</a></dd>
                        <dd>·<a target="_blank" href=" http://press.jikexueyuan.com/evangelist/apply.html">布道师招募</a></dd>
                        <dd>·<a target="_blank" href="mailto:hey@jikexueyuan.com?subject=业务咨询合作">合作咨询</a></dd>
                        <dd>·<a target="_blank" href=" http://www.jikexueyuan.com/friendlink.html">友情链接</a></dd>
                        <dd>·<a target="_blank" href=" http://jiuye.jikexueyuan.com/assistant/apply">极客助教招募</a></dd>
                    </dl>
                    <div class="search-share cf">
                        <strong class="jktxt">极客学院，编程是一种信仰！</strong>
                        <!-- APP下载 -->
                        <div class="app-download cf">
                            <a target="_blank" href=" http://www.jikexueyuan.com/app/">
                                <img src="./images/iphone_ecb3977.png">
                                <div class="cf">
                                    <strong class="hover">手机客户端</strong>
                                    <p class="hover">离线缓存 随时学习</p>
                                </div>
                            </a>
                        </div>
                        <!-- 分享 -->
                        <div class="share">
                            <a href="http://weibo.com/jikexueyuan" class="sina-icon" target="_blank"></a>
                            <a href="http://tieba.baidu.com/f?kw=%BC%AB%BF%CD%D1%A7%D4%BA&amp;fr=index" title="极客学院官方百度贴吧" class="tieba-icon" target="_blank"></a>
                            <a href="javascript:;" class="weixin-icon">
                                <img src="./images/weixin-pop_7fe7a08.png" class="weixinpop">
                            </a>
                        </div>
                        <!-- 客服 -->
                        <div class="kefu-online">
                            <a href="https://chat.meiqia.com/widget/desktop/index.html?unitid=7594&amp;win=max&amp;ol=auto&amp;color=initial&amp;specifyGr=0&amp;cookie=006600144844522850891470&amp;_realref_=http%3A%2F%2Fwww.jikexueyuan.com%2F" target="_blank">
                                <div class="kefu-icon"></div>
                                <h5 class="hover">联系我们</h5>
                                <p class="hover">工作日9:00-21:00在线</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 版权声明 -->
            <div class="copyright cf">
                Copyright © 2013-2015
                <strong><a href="http://www.jikexueyuan.com/" target="_blank">极客学院</a></strong> &nbsp;
                <strong><a href="http://www.jikexueyuan.com/" target="_blank">jikexueyuan.com</a></strong> All Rights Reversed. 京ICP备11018032号-8 京公网安备11010802013056
            </div>
        </footer>
        <!-- 右侧浮动通知 -->
        <div class="float">
            <!-- 浮动图 -->
            <div class="float-img up">
                <i></i>
                <a href="http://www.baidu.com/cb.php?c=IgF_pyfqnHRdnHf4rHb0IZ0qnfK9ujYkrHfLrj010Aw-5HcknjcYPHn0TAq15HDknWTdPHf0T1dbPHcsujn1uA7brHRsnj0k0AwY5HDYPHDzn10snHR0IgF_5y9YIZ0lQzqCIyqbUv4MQhGGpvN3IyN4Iy78QhPEUitznjDdmv9EIyGGmy4M5v9dUvwEUhTqmv9EIyGGmy4Mgvu_Uv7Ypy4Mn-tknWcz0ZFb5HcY0AFV5H00TZcqn0Kdpyfqn1mYnHfzP6KEpyfqrjbLnHb0mv-b5Hf1P1DvP6KEIv3qrjTkrjc0TZbqnH0d0APzm1Ykn1D3n0" target="_blank">
                    <img src="./images/float_jiang.jpg" title="新用户专享豪华礼品装备" alt="新用户专享豪华礼品装备" border="0" width="105">
                </a>
            </div>
            <div class="float-img">
                <i></i>
                <a href="http://www.baidu.com/cb.php?c=IgF_pyfqnHRYrHnkn1R0IZ0qnfK9ujYkrj6snWcd0Aw-5Hcsn1DknHD0TAq15HDknWmvnW60T1d-mHfdPW04PHfLmvu9PjK-0AwY5HDYPHDzn10snHR0IgF_5y9YIZ0lQzq-QhGGpvN3IyN4Iy78QhPEUiqGUMuGIAREpy4vpgw-Qh9YUysOpZNEuAq8u1dGUMuGIANxILILgvu_Uv7Ypy4M0ZFb5HcY0AFV5H00TZcqn0Kdpyfqn1mYnHfzP6KEpyfqrjbLnHb0mv-b5Hf1P1DvP6KEIv3qrjTkrjc0TZbqnH0d0APzm1YkPWcdPs" target="_blank">
                    <img src="./images/sdfl.png" title="邀请好友送30天VIP" alt="邀请好友送30天VIP" border="0" height="120" width="105">
                </a>
            </div>
            <div class="float-img down">
                <i></i>
                <a href="http://www.baidu.com/cb.php?c=IgF_pyfqnHRdnHf4rHb0IZ0qnfK9ujYkrHfLrj010Aw-5HcknjcYPHn0TAq15HDknWTdPHf0T1dbPHcsujn1uA7brHRsnj0k0AwY5HDYPHDzn10snHR0IgF_5y9YIZ0lQzqCIyqbUv4MQhGGpvN3IyN4Iy78QhPEUitznjDdmv9EIyGGmy4M5v9dUvwEUhTqmv9EIyGGmy4Mgvu_Uv7Ypy4Mn-tknWcz0ZFb5HcY0AFV5H00TZcqn0Kdpyfqn1mYnHfzP6KEpyfqrjbLnHb0mv-b5Hf1P1DvP6KEIv3qrjTkrjc0TZbqnH0d0APzm1Ykn1D3n0" target="_blank">
                    <img src="./images/0f0002kBwWJKq37Q1j8cQf.jpg" title="首页右侧悬浮下1——web就业班" alt="首页右侧悬浮下1——web就业班" border="0" height="120" width="105">
                </a>
            </div>
        </div>

         <!-- 回到顶部 -->
        <div class="gotop" style="display: none;">
            <a href="#"><span class="top"></span></a>
        </div>
    </div>


    <script type="text/javascript" src="./javascript/jquery-2.2.1.min.js"></script>
    <script type="text/javascript" src="./javascript/data.js"></script>
    <script type="text/javascript" src="./javascript/index.js"></script>
</body>
</html>